.be-input-number {
  @apply flex border bg-default w-min;
  .be-input-number__inner {
    @apply border-0;
  }

  .be-input-number__default {
    @apply flex;
    .be-input-number__op {
      @apply flex justify-around flex-col border-l cursor-pointer;
      .be-input-number__up {
        @apply bg-default flex justify-center items-center flex-1 border-b;
        .be-icon {
          @apply w-3 h-3 fill-info;
        }
      }

      .be-icon-container {
        @apply bg-default flex justify-center items-center flex-1;
        .be-icon {
          @apply w-3 h-3 fill-info;
        }
      }
    }
  }

  .be-input-number__pre {
    @apply border-r;
  }

  .be-input-number__next {
    @apply border-l;
  }

  .be-input-number__op__disabled {
    @apply cursor-not-allowed;
  }
}

.be-input-number__disabled {
  @apply cursor-not-allowed bg-gray-100;
}


.be-input-number__mini {
  @apply w-20 h-6;
  .be-input-number__inner {
    .be-input-body {
      .be-input__inner {
        @apply h-5 leading-5;
      }
    }
  }

  .be-input-number__op {
    .be-icon-container {
      .be-icon {
        @apply w-2.5 h-2.5;
      }
    }
  }

}

.be-input-number__medium {
  @apply w-20 h-8;

}

.be-input-number__large {
  @apply w-20 h-10;

}